 <template>
 	<view class="content">  
 		<view class="page"  v-for="(item,index) in detail.list" :key="index">
			<view class="title">
				<text >{{item.title}}</text>
			</view>
 			<view class="time">
 				<text>{{item.content}}</text>
 			</view>
 		</view>
		<view class="" style="margin-top: 200rpx;">
					<u-empty  v-if="detail.length == 0" mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
				   </u-empty>
				</view>
		 
 		<!-- <u-loading-page :loading="detail" loading-text="正在加载内容..."></u-loading-page> -->
 	</view>
 </template>
 
 <script>
 	// import {
 	// 	indexApi,
 	// } from '@/api/api.js';
 	export default {
 		data() {
 			return {
 				id: 0,
 				detail: []
 			};
 		},
 		 
 		onLoad() {
 			this.getDetail();
 		},
 		methods: {
			//清空指定人通知列表
			Clear() {
				this.$api.qikdesignated().then(res => {})
			},
 			getDetail() {
 			  this.$api.Designated({
 				}).then(res => {
 				 this.detail = res.data;
				 console.log(this.detail)
				 this.Clear()
 			 })
 				
 			}
 		}
 	}
 </script>
 
 <style lang="scss">
 	page {
 		// background-color: #fff;
 	}
 
 	.content {
 		padding-top: 16rpx;
 		.page {
 			padding: 20rpx;
 			box-sizing: border-box;
 			background-color: #fff;
 
 			 
 				.title {
 					font-size: 35rpx;
 					font-weight: 600;
 					line-height: 50rpx;
 					color: #333;
 				}
 
 				.time {
 					margin: 20rpx;
					
 					color: #b9b9b9;
 					font-size: 24rpx;
 				}
 			 
 			// .content {
 			// 	padding: 30rpx 10rpx;
 			// 	line-height: 50rpx;
 			// 	font-size: 28rpx;
 			// 	color: #333;
 			// }
 		}
 	}
 </style>